---
id: 618a132676346ac9f7fd59dd
title: Schritt 39
challengeType: 0
dashedName: step-39
---

# --description--

Fällt dir auf, wie deine Augen ganz natürlich von der roten Farbe in der Mitte angezogen werden? Bei der Gestaltung einer Webseite kannst du diesen Effekt nutzen, um auf wichtige Überschriften, Schaltflächen oder Links aufmerksam zu machen.

Es gibt mehrere andere wichtige Farbkombinationen außerhalb der Komplementärfarben, du wirst diese später lernen.

Verwende vorerst die `rgb`-Funktion in der `.two`-CSS-Regel, um die `background-color` auf schwarz zu setzen.

# --hints--

Deine `.two`-CSS-Regel sollte eine `background-color`-Eigenschaft auf `rgb(0, 0, 0)` gesetzt haben.

```js
assert(new __helpers.CSSHelp(document).getStyle('.two')?.backgroundColor === 'rgb(0, 0, 0)');
```

# --seed--

## --seed-contents--

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colored Markers</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <h1>CSS Color Markers</h1>
    <div class="container">
      <div class="marker one">
      </div>
      <div class="marker two">
      </div>
      <div class="marker three">
      </div>
    </div>
  </body>
</html>
```

```css
h1 {
  text-align: center;
  background-color: rgb(0, 255, 255);
}

.container {
  background-color: rgb(255, 255, 255);
  padding: 10px 0;
}

.marker {
  width: 200px;
  height: 25px;
  margin: 10px auto;
}

.one {
  background-color: rgb(0, 0, 0);
}

--fcc-editable-region--
.two {
  background-color: rgb(255, 0, 0);
}
--fcc-editable-region--

.three {
  background-color: rgb(0, 0, 0);
}

```
